{extend name="public/base" /}
{block name="pjax_container"}
<?php
    $titleTypeName = '查看请假详情';
?>
<style>
    tr>th,
    td {
        text-align: center;
    }

    .btn-group-xs>.btn,
    .btn-xs {
        padding: 5px;
        margin: 0 5px;
    }

    .content-header>.breadcrumb>li{
        color: #999;
    }
    .content-header>.breadcrumb>.active{
        color: #666;
    }
    .content-header{
        height: 51px;

    }
    .btn-primary{
        background-color: #1890FF;
        color: #fff;
        border: none;
        border-radius: 6px !important;
        margin-left: 15px;
        padding: 5px 10px;
    }
    .box-primary{
        border-top-color: #ecf0f5 !important;
        border-top-width: 16px;

    }
    .btn-primary:hover{
        background-color: #1890FF;
        color: #fff;
        border: none;
        opacity: .9;
        border-radius: 6px !important;
    }
    .delete-one{
        background-color: ff4141 !important;
        margin-left: 15px;
        border-radius: 6px;
    }
    .sreachs{
        background-color: #1890FF;
        color: #fff;
        border: none;
        border-radius: 6px !important;
        margin-left: 15px;
        padding: 7px 15px;
    }
    .type_explode{
        color: #fff;
        background-color: #d9534f;
        border-radius: 6px;
        border: none;
    }
    .nav-tabs-custom{
        margin-top: 16px;
    }

    .modal-body{
        padding: 27px;
        width: 540px;
        height: 570px;
        display: flex;
    }
    .modal-right{
        flex: 1;
        height: 104%;
        border: 1px solid #eee;
        margin-left: 30px;
    }
    .modal-left{
        width: 100%;
        height: 100%;

    }
    .modal-right>h4{
        width: 100%;
        display: flex;
        justify-content: space-around;
    }
    .form-control{
        border-radius: 6px;
    }
    .table-body{
        width: 540px;
        height: 470px;
        margin-top: 10px;
        border-radius: 6px;
        background-color: #eee;
    }
    .table-left{
        margin-right: 2%;
        width: 49%;
        height: 100%;
        float: left;
        border: 1px solid #eee;
        background-color: #fff;
    }
    .table-right{
        width: 49%;
        height: 100%;
        border: 1px solid #eee;
        float: left;
        background-color: #fff;
    }
    .layui-tree-entry{
        height: 100%;
        width: 100%;
        padding-right: 10px;
        line-height: 24px;

    }
    .table-right>p{
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 14px;
    }
    .table-right>h4{
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 14px;

    }
    .table-right>p>span{
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 14px;
        width: 80%;
        display: inline-block;
        letter-spacing: 1px;

    }
</style>
<section class="content-header">
    <ol class="breadcrumb">
        <li>积分管理</li>
        <li>请假申请</li>
        <li class="active">{$titleTypeName}</li>
    </ol>
</section>
<section class="content">
    <div class="row">
        <div class="col-md-12">
            <form class="form-horizontal" method="POST" action="/{$Think.MODULE_NAME}/{$Think.CONTROLLER_NAME}/{$Think.ACTION_NAME}" onsubmit="return false" >
                <input type="hidden" name="id" value="{$info.id|default=0}" />
                <div class="nav-tabs-custom">
                    <ul class="nav nav-tabs">
                        <li class="pull-right"><a href="javascript:history.back(-1)" class="btn btn-sm" style="padding:10px 2px;"><i class="fa fa-list"></i> 返回</a></li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="tab1">
                            <div class="form-group">
                                <label class="col-sm-2 control-label">请假员工</label>
                                <div class="col-sm-7">
                                    <input class="form-control classname" readonly value="{$info.b_name??''}/{$info.b_department_name??''}" placeholder="员工" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">请假类型</label>
                                <div class="col-sm-7">
                                    <select  class="form-control" name="type" disabled="disabled">
                                        <option value="1" {if condition="$info.type == 1"}selected{/if}>事假</option>
                                        <option value="2" {if condition="$info.type == 2"}selected{/if}>病假</option>
                                        <option value="3" {if condition="$info.type == 3"}selected{/if}>其他</option>
                                    </select>
                                </div>
                            </div>
                            {include file="form/input_isread" title="请假天数" name="day"/}
                            {include file="form/input_isread" title="请假小时" name="hour"/}

                            <div class="form-group" >
                                <label class="col-sm-2 control-label" for="">开始时间</label>
                                <div class="col-sm-7" >
                                    <input class="form-control timepicker"  name="start_time" value="{$info.start_time?date('Y-m-d H:i:s',$info.start_time):''}" placeholder="开始时间" readonly="readonly">
                                </div>
                            </div>

                            {include file="form/input_isread" title="请假事由" name="reason"/}
                            {include file="form/input_isread" title="请假扣分" name="deduct_marks"/}
                            {include file="form/input_isread" title="固定扣分" name="fixed_deduct"/}
                            <div class="form-group">
                                <label class="col-sm-2 control-label">初审人:</label>
                                <div class="col-sm-7">
                                    <input class="form-control classname" readonly value="{$info.c_name??''}/{$info.c_department_name??''}" placeholder="李明" />
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-2 control-label">初审意见</label>
                                <div class="col-sm-7">
                                    <textarea name="first_check_desc" style="width: 100%;height: 100px;" readonly="readonly">{$info.first_check_desc??''}</textarea>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-2 control-label">终审人:</label>
                                <div class="col-sm-7">
                                    <input class="form-control classname" readonly value="{$info.d_name??''}/{$info.d_department_name??''}" placeholder="请选择人员" />
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-2 control-label">终审意见</label>
                                <div class="col-sm-7">
                                    <textarea name="last_check_desc" style="width: 100%;height: 100px;" readonly="readonly">{$info.last_check_desc??''}</textarea>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-2 control-label">审核状态</label>
                                <div class="col-sm-7" style="    line-height: 33px;">
                                    <input class="form-control classname" readonly
                                           value='{if condition="$info.status eq 0"}待初核
                                            {elseif condition="$info.status eq 1"}待终审
                                            {elseif condition="$info.status eq 2"}已通过
                                            {elseif condition="$info.status eq 2"}已拒绝{/if}'
                                           placeholder="审核状态" />

                                </div>
                            </div>
                        </div>

                    </div>



                </div>
            </form>
        </div>
    </div>
</section>
<script type="application/javascript">
    $(document).ready(function () {
        /*ajax页面加载icheck，有该控件的页面才需要*/
        $(".select2").select2({language:"zh-CN"});

    })
</script>
{/block}
